﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" href="../Css/bootstrap.min.css"/>
	<link rel="stylesheet" href="../Css/bootstrap-responsive.min.css"/>
</head>
<body>
    	
   <div class="span4">
   <h3 class="text-info">Divisas</h3>
<table class="table table-hover">
    <thead><tr>
        <th>Nombre</th><th>Compra</th><th>Venta</th><th></th>
    </tr></thead>
    <!-- Todo: Generate table body -->
    <tbody data-bind="foreach: Divisas">
    <tr data-bind="css: { 'success': estado() > 0, 'error': estado() < 0 }">
       <td><span data-bind="text: name" /></td>
		<td><span data-bind="text: formatCompra" /></td>
	    <td><span data-bind="text: formatVenta" /></td>
    </tr>    
    </tbody>    
</table>
   </div>
   
 <div class="span4">
   <h3 class="text-info">Indices</h3>
<table class="table table-striped">
    <thead><tr>
        <th>Nombre</th><th>Valor</th><th>Porcentaje</th><th></th>
    </tr></thead>
    <!-- Todo: Generate table body -->
    <tbody data-bind="foreach: Indices">
    <tr>
       <td><span data-bind="text: name" /></td>
		<td><span data-bind="text: valorFormat" /></td>
	    <td><span data-bind="text: porcentajeFormat" /></td>
    </tr>    
    </tbody>    
</table>
   </div>
        <script src="../Scripts/jquery-1.9.1.js"></script>
    <script src="../Scripts/jquery-1.9.1.min.js"></script>
    	<script type="text/javascript" src="../Scripts/knockout-2.3.0.js"></script>
		<script type="text/javascript" src="../Scripts/knockout.mapping.js"></script>
    	<script type="text/javascript" src="ViewModel.js"></script>
</body>
</html>
